<div style="width: 340px; transition: 0.5s ease-in-out"></div>
<div class="right-design">
  <div class="tickMarkTop___CY7Im" style=" height: 50px; top: 0; left: 0">
    <div class="calibration___LZv64 vertical" style="display: flex; justify-content: space-between; margin-left: 50px;">
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">0</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">50</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">100</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">150</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">200</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">250</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">300</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">350</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">400</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">450</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">500</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">550</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">600</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">650</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">700</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">750</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">800</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">850</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">900</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">950</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">1000</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">1050</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">1100</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">1150</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">1200</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">1250</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">1300</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">1350</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">1400</span>
      </div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 6px; display: inline-block"></div>
      <div class="calibrationLine"
        style="background-color: rgb(204, 204, 204); width: 1px; height: 12px; display: inline-block; transform: translateY(0px)">
        <span class="calibrationNumber"
          style="transform: translate3d(-4px, 16px, 0px) scale(0.7); display: block">1500</span>
      </div>
    </div>
  </div>
  <div class="tickMarkLeft___pgsPN"
    style="width: 50px; height: calc(100% - 50px); position: absolute; bottom: 0; left: 0">
    <div class="calibration___LZv64"
      style="display: flex; justify-content: space-between; flex-direction: column; height: calc(100%)">
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">0</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">50</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">100</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">150</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">200</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">250</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">300</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">350</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">400</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">450</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">500</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">550</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">600</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">650</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">700</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 12px">
        <span class="calibrationNumber"
          style="padding-left: 20px; display: block; transform: translate3d(-4px, -8px, 0px) scale(0.7)">750</span>
      </div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(161, 158, 158); height: 1px; width: 6px"></div>
      <div class="calibrationLine" style="background-color: rgb(204, 204, 204); height: 1px; width: 6px"></div>
    </div>
  </div>
  <div class="mine" #rightDesign droppable cdkDropList [cdkDropListData]="widgetList"
    (cdkDropListEntered)="dragenter($event)">
    @for (widget of widgetList; track widget) {
    <app-dashboard-widget (click)="widgetSelect(widget)" (resizeWidget)="resizeLayoutPosition($event)"
      [widget]="widget"></app-dashboard-widget>
    }
  </div>
</div>
<app-config-panel (setDrawerStatus)="setDrawerStatus($event)" [title]="selectedWidget ? '属性设置' : '属性设置'"
  [isDisplay]="displayConfig" [widget]="selectedWidget"></app-config-panel>

<div class="widget-config">
  <div #horizontalSnapHelper class="horizontal-resize-snap-helper" style="display: none"></div>
  <div #verticalSnapHelper class="vertical-resize-snap-helper" style="display: none"></div>
  <div #northSnapHelper class="north-drag-snap-helper" style="display: none"></div>
  <div #southSnapHelper class="south-drag-snap-helper" style="display: none"></div>
  <div #westSnapHelper class="west-drag-snap-helper" style="display: none"></div>
  <div #eastSnapHelper class="east-drag-snap-helper" style="display: none"></div>
</div>